<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <style>
  .n {
		width: 960px;
  }
  .a1{
		width: 277px;
		height: 103px;
		background: red;
		float: left;
  }

 

  .a3{
		width: 137px;
		height: 49px;
		background: green;
		float: right;
  }

  .a4 {
		clear: both;				
  }

  .a5{
		width: 679px;
		height: 46px;
		background: green;
		float: right;
		margin-top: 10px;
  }

  .b1 {
		width: 970px;
		height: 435;
		margin-top: 10px;
  }

  .b2{
		width: 310px;
		height: 435px;
		background: yellow;
		float: left;
		
  }

 
  
  .b3 {
		width: 452px;
		height: 402px;
		float: left;
		margin-left: 10px;

  }
  .b4 {
		width: 450px;
		height: 240px;
		background: blue;
		float: left;
		
  }

  .lanz {
		width: 450px;
		height: 110px;
		background: blue;
		margin-top: 10px;

  }

  .lanx {
		width: 450px;
		height: 30px;
		background: blue;
		margin-top: 10px;

  }

  .zi {
		width: 190px;
		height: 400px;
		background: #cc3399;
		margin-left: 1px;
		float: right;
  }

  .lvx {
		width: 650px;
		height: 30px;
		background: green;
		float: right;
		margin-top: 4px; 
  }

  .snx {
		width: 970px;
		height: 35px;
		margin-top: 10px;
		background: #000099;
  }
  
  </style>
 </head>
 <body>
 <div class="n">
  <div class="a1">
	 
  </div>

 <div class="a3">
	  <div class="a4">
      </div>
  </div>

  <div class="a5">
  </div>


    <div class="a4">
    </div>
<div class="b1">
	  <div class="b2">
	  </div>

  <div class="b3">
	  <div class="b4">
	  </div>
	  <div class="a4"></div>

		  <div class="lanz">
		  </div>
		  <div class="a4"></div>
		  <div class="lanx">
		  </div>
		  

  </div>
    <div class="zi">
    </div>
	
	<div class="lvx">
	</div>
	<div class="a4"></div>
</div>

<div class="snx">
</div>
 </body>
</html>
